import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// register globally
Vue.component('svg-icon', SvgIcon)

// 下面三行代码的任务是 把 同级目录的 svg目录下的.svg图片引入到项目中来
// equire.context(目标目录, 是否扫描子目录, 正则表达式)，用于扫描指定目录中的文件。
const req = require.context('./svg', false, /\.svg$/)
// console.log("变量req的值为：\n" + req)

const requireAll = requireContext => requireContext.keys().map(requireContext)
// console.log("req.keys()的结果为: " )
// console.log(req.keys())

// map是循环每一项 svg图片，其参数为一个回调函数,形如 map(() => {})，而 req 恰好是一个回调函数
// console.log("req.keys().map(req)的结果为: " )
// console.log(req.keys().map(req))

requireAll(req)

// 相当于把svg下的所有的svg图片打包到了项目中
// 如果想用svg图片 就在svg目录下去寻找就可以了

// webpack loader 负责后续的svg图片打包到symbol标签， 详见 vue.config.js 文件
